<template>
  <div>
    <el-row type="flex" justify="space-between" style="margin-top: 25px">
      <el-col class="depature-info-title">发车状况</el-col>
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="8">
          发车里程：
        </el-col>
        <el-col :span="9">
          {{ row.mileage ? row.mileage : '-' }}
        </el-col>
      </el-col>
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="8">
          车况图片：
        </el-col>
        <el-col :span="9">
          <!-- <img :src="row.host+row.img1" alt=""> -->
          <div class="depature-info-img" />
        </el-col>
      </el-col>
      <el-col :span="8">
        <el-col :span="8">
          车况图片：
        </el-col>
        <el-col :span="9">
          <!-- <img :src="row.host+row.img2" alt=""> -->
          <div class="depature-info-img" />
        </el-col>
      </el-col>
      <el-col :span="8">
        <el-col :span="8">
          车况图片：
        </el-col>
        <el-col :span="9">
          <!-- <img :src="row.host+row.img3" alt=""> -->
          <div class="depature-info-img" />
        </el-col>
      </el-col>
    </el-row>
    <el-row style="margin-top: 15px">
      <el-col :span="8">
        <el-col :span="8">
          备注信息：
        </el-col>
        <el-col :span="10">
          {{ row.des1 ? row.des1 : '-' }}
        </el-col>
      </el-col>
      <el-col :span="8">
        <el-col :span="8">
          备注信息：
        </el-col>
        <el-col :span="10">
          {{ row.des2 ? row.des2 : '-' }}
        </el-col>
      </el-col>
      <el-col :span="8">
        <el-col :span="8">
          备注信息：
        </el-col>
        <el-col :span="10">
          {{ row.des3 ? row.des3 : '-' }}
        </el-col>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'DepatureInfo',
  props: {
    row: {
      type: Object,
      default() {
        return {}
      }
    }
  }
}
</script>

<style scoped>
  .depature-info-title {
    border-bottom: 1px solid #ddd;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
  }
  .depature-info-img {
    width: 160px;
    height: 96px;
    border: 1px solid #000
  }
</style>
